<template>
    <div id="baseinfo" v-cloak>
        <div class="disFlex title">
            <label for="" class="fontBlack2 " :class="(isold?'font48':'font40')">{{title}}</label>
            <img :src="right_icon" :class="(isold?'rightIcon1':'rightIcon')">
        </div>
        <!-- <div>
            <div v-for="(i,k) in "></div>
        </div> -->
        <div v-if="title == '自我评价' || title == '求职意向' ">
            <div class="fontBlack2 font32 textL " :class="(stitle?'smalltitle':'')">{{stitle}}</div>
            <div class="font24 fontGrayB9 mtitle" v-if="mtitle">{{mtitle}}</div>
            <div class="fontBlack73 font28 textL">{{content}}</div>
        </div>
        <div v-else>
            <div v-for="(item,index) in list" :key="index" @click.stop="topage(title)">
                <div class="disFlex smalltitle ">
                    <div class="fontBlack2 font32 textL">{{item.s}}</div>
                    <label for="" :class="'mLauto ' +(title == '外语能力' ?'fontBlack73 font28':'fontGrayB9 font24')">{{item.r}}</label>
                    <img :src="require('@/assets/images/chevron-right.png')" class="rightIcon">
                </div>
                <div class="font24 fontGrayB9 mtitle textL" v-if="item.m">{{item.m}}</div>
                <div class="fontBlack73 font28 textL">{{item.c}}</div>
            </div>
        </div>
    </div>
</template>
<script>

    export default {
        name: 'baseinfo',
        props: {
            title: {
                type: String
            },
            right_icon: {
                type: String
            },
            content: {
                type: String
            },
            stitle: {
                type: String
            },
            list:{
                type:Array
            },
            isold:{
                type:Boolean,
                default:false
            }
        },
        methods: {
            goresume() {
                this.$router.push('/resume')
            },
            topage(e){
                this.$parent.gosubpage(e);
            }
        },
        mounted(){
        }
    }
</script>

<style scoped>
#baseinfo{
    padding: 0.32rem 0;
    border-bottom: 0.02rem solid #E8E9EC;
}
.title{
    line-height: 0.56rem;
}
.smalltitle{
    margin-top: 0.18rem;
    margin-bottom: 0.08rem;
}
.mtitle{
    margin-bottom: 0.16rem;
}
</style>